<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Mobile</title>
  <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.19.2/axios.min.js"></script>
  <link href="https://cdn.bootcdn.net/ajax/libs/video.js/7.8.1/video-js.css" rel="stylesheet">
  <link rel="stylesheet" href="/public/pc/filesys/filesys.css">
</head>
<body>


<style>
  .app-main .selected {
    background-color: #3a8ee6;
    color: #ffffff;
  }
</style>

<template id="maintpl">
  {% verbatim %}
  <div class="app-main">
    <div>当前用户: {{userInfo ? userInfo.username : ''}}</div>
    <div
        :class="{'selected': dir.path === cur.path}"
        @click="parseDir(dir.type, dir.path, dir)"
        v-for="(dir, index) in dirs" :key="index">
      {{dir.path}}
    </div>
    <app-modal ref="appModal"></app-modal>
  </div>
  {% endverbatim %}
</template>
<div id="app"><router-view></router-view></div>
<script src="/public/pc/filesys/filesys.js"></script>
</body>
</html>
